.mid-box {
		margin-top: -20px;
		z-index: 3;
		position: relative;

		.tab-box {
			padding-top: 20px;
		}

		.mid-div {
			border-radius: 18px;
			padding: 20px;
			background-color: #ffffff;
			box-shadow: #eeeeee 0px 0px 3px 3px;
			margin-bottom: 20px;

			.ul {
				display: flex;
				align-items: center;

				li {
					padding-right: 15px;
					font-size: 16px;
				}

				.active {
					font-weight: bold;
					font-size: 18px;
				}
			}
		}
	}

	.code-ul {
		display: flex;
		border-radius: 5px;
		border: 1px solid #3c83ff;
		margin-top: 20px;
		width: 180px;
		margin: 0 auto;

		li {
			font-size: 16px;
			width: 90px;
			text-align: center;
			padding: 7px 0;
		}

		.selected {
			background-image: linear-gradient(to right, #3e84fe, #9eccfe);
			color: #ffffff;
		}

	}


	.date-box {
		font-weight: bold;
		padding: 15px 0 10px 0;
		color: #4f586c;
		font-size: 18px;
	}

	.jiance {
		color: #525a6f;
		font-size: 14px;
		padding: 2px 0;
	}

	.code-name {
		font-weight: bold;
		font-size: 18px;
		padding-top: 5px;
	}

	.code-card {
		color: #719aca;
		padding-top: 5px;
	}

	/*健康码*/
	.code-health {
		.code-green {
			color: #008001;
			font-weight: bold;
		}

		.jiezhong {
			color: #f4ba4f;
			font-weight: bold;
			font-size: 22px;
			padding-top: 10px;
		}
	}

	.date-tit {
		font-size: 16px;
		font-weight: bold;
	}

	/*地图*/
	.map-box {
		.map-title {
			font-size: 12px;
			color: #525a6f;

			:nth-child(1) {
				text-align: left;
			}

			:nth-child(2) {
				text-align: right;
			}
		}

	}

	.btn-bj .van-col {
		/* background: url('./../assets/images/btn-1.png') no-repeat center */
		color: #ffffff;
		font-size: 20px;
		background-size: 85% 85% !important;
		height: 70px;
		line-height: 70px;
		margin: 5px 0;
	}